<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.fullPage.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/numberAnimate.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="less/index.css"/>
		<link rel="stylesheet" type="text/css" href="less/jquery.fullPage.css"/>
		<link rel="stylesheet" type="text/css" href="less/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="less/animate.min.css"/>
		<link rel="stylesheet" type="text/css" href="less/numberAnimate.css"/>
	</head>
	<body>
		
	<header>
		<nav class="navbar navbar-default header-nav">
		  <div class="container-fluid">
		    <div class="navbar-header">
		      <a class="navbar-brand nav-logo-img" href="#"><span class="logo"><img src="images/fx_logo.png"/></span></a>
		    </div>
		    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		      <ul class="nav navbar-nav navbar-right nav-tab-li">
		        <li data-menuanchor="page1" class="active active-nav-item li_weil"><a href="#page1" style="background-color: transparent!important;">首页</a></li>
			  	<li data-menuanchor="page2"><a href="#page2">关于</a></li>
			  	<li data-menuanchor="page3"><a href="#page3">购票</a></li>
			  	<li data-menuanchor="page4"><a href="#page4">联系</a></li>
		      </ul>
		    </div>
		  </div>
		</nav>
	</header>
		
	<div class="nav-font-tab">
		<hr />
		<hr />
		<hr />
		<hr />
	</div>
	
	<div class="layer">
		<div class="lt layer-min">
			
		</div>
		<div class="detail-box">
			<div class="move-all">
				<div class="move-img">
					<img src="images/aside-img1.jpg"/>
				</div>
				<p>本模板可设置每个导航栏目的“栏目图片”以及每个栏目的内容背景“标识图片”；让模板更加自由定义编辑样式！</p>
				<ul class="move-ul">
					<li><a href="#">公司简介</a></li>
					<li><a href="#">发展历程</a></li>
					<li><a href="#">技术团队</a></li>
				</ul>
			</div>
			
			<div class="move-all">
				<div class="move-img">
					<img src="images/aside-img2.jpg"/>
				</div> 
				<p>网站打开慢的其中一个原因是图片文件过大，一个网站在打开时需要同时加载很多图片，如果网站中每张图片都很大</p>
				<ul class="move-ul">
					<li><a href="#">科幻巨制</a></li>
					<li><a href="#">火爆动作</a></li>
					<li><a href="#">日韩伦理</a></li>
				</ul>
			</div>
			
			<div class="move-all" style="overflow-x: visible;">
				<div class="move-img">
					<img src="images/aside-img3.jpg"/>
				</div>
				<p>电影资讯网电影票预订，在线查询电影院最新上映电影排片表、票价及影讯,供您在线订电影票,在线选座。更有特价电影票抢购中！在线购票电话：400-1234-5678</p>
				<ul class="move-ul">
					<li><a href="#">明星策划</a></li>
					<li><a href="#">八卦娱乐</a></li>
				</ul>
			</div>
			
		</div>
		<div class="rt-aside rt">
			<div class="rt-aside-wrap">
				<div class="search-box">
					<input type="text" placeholder="Search title..."/>
					<span class="search-font glyphicon glyphicon-search rt"></span>
				</div>
				<ul class="ul-tab">
					<li><a href="#"><i class="glyphicon glyphicon-home index-font"></i><span>首页</span></a></li>
					<li><a href="#"><i class="iconfont about-font">&#xe603;</i><span>关于我们</span></a>
						
					</li>
					<li><a href="#"><i class="iconfont coffee-font">&#xe625;</i><span>复联专题</span></a>
						
					</li>
					<li><a href="#"><i class="iconfont video-font">&#xe615;</i><span>视频专区</span></a></li>
					<li><a href="#"><i class="iconfont camera-font">&#xe646;</i><span>电影购票</span></a>
					
					</li>
					<li><a href="#"><i class="iconfont lingdang-font">&#xe685;</i><span></span>影视快讯</a>
					
					</li>
					<li><a href="#"><i class="iconfont hongq-font">&#xe628;</i><span>海报欣赏</span></a></li>
					<li><a href="#"><i class="iconfont book-font">&#xe673;</i><span>联系我们</span></a></li>
				</ul>
				<div class="aside-foot">
					<div class="aside-tel">
						<a href="#" class="lt">
							<h5>Call me :</h5>
							<p>1000-000-000</p>
						</a>
						<a href="#" class="rt"><i class="iconfont ermeima">&#xe606;</i></a>
					</div>
					<div class="aside-foot-link">
						<div>
							<span><i class="iconfont">&#xe61f;</i></span>
							<span><i class="iconfont">&#xe60f;</i></span>
							<span><i class="iconfont">&#xe618;</i></span>
						</div>
						<p>Copyright © 2018 科技公司</p>
					</div>
				</div>
			</div>
			
		</div>
	</div>
	
	<div id="fullPage">
	  <div class="section">
	  	<div class="main">
			 <div class="swiper-container">
				  <div class="swiper-wrapper">
					    <div class="swiper-slide">
					    	<div class="slide-con slide-con1">
					    		<div class="lt ltslide-con">
					    			<div class="lt-row1">
					    				<div class="font-max lt"><h2 class="trans_el">2017</h2></div>
					    				<div class="lt font-max-next">
					    					 <h3 class="trans_el">OPENING SOON</h3>
					    					 <h4 class="trans_el">03月01日~03月31日</h4>
					    					 <h2 class="trans_el"><span>奥斯卡奖</span></h2>
					    				</div>
					    			</div>
					    			<div class="lt-row2">
					    				<h3 class="trans_el"><span class="hidden">—— </span>第89届奥斯卡颁奖典礼在洛杉矶举行</h3>
					    				<small class="hidden">The 89 oscar prize giving ceremony was held in losangeles</small>
					    				<ul>
					    					<li class="trans_el">
					    						<span>√</span>高品质服务
					    					</li>
					    					<li class="trans_el">
					    						<span>√</span>专业化设计
					    					</li>
					    					<li class="trans_el">
					    						<span>√</span>全球化评选
					    					</li> 
					    				</ul>
					    			</div>
					    			<!--<p class="min-show">影视创新成就梦想</p>-->
					    		</div>
					    		<div class="con-p lt">
					    			<p class="trans_el">影视创新 <span></span> 成就梦想</p>
					    		</div>
					    	</div>
					    </div>
					    <div class="swiper-slide">
					    	<div class="slide-con slide-con2">
					    		<div class="slide-con2-row1">
					    			<h3 class="trans_el lt">互联网+</h3>
					    			<h4 class="trans_el lt">影视资讯快播</h4>
					    		</div>
					    		<div class="slide-con2-row2">
					    			<p class="trans_el">ONE-STOP SERVICE</p>
					    			<ul class="trans_el">
					    				<li>咨询策划</li>
					    				<li>创意设计</li>
					    				<li>技术开发</li>
					    				<li>运营维护</li>
					    				<li>营销推广</li>
					    			</ul>
					    		</div>
					    		<div class="slide-con2-row3">
					    			<ul>
					    				<li>
					    					<h3 class="trans_el">技术优势</h3>
					    					<p class="trans_el">“互联网+”就是“互联网+各传统行业”，但这并不是简单相加</p>
					    				</li>
					    				<li>
					    					<h3 class="trans_el">解决方案</h3>
					    					<p class="trans_el">资源中的优化和集成，将互联网的创新成果深度融合于经济</p>
					    				</li>
					    				<li>
					    					<h3 class="trans_el">服务流程</h3>
					    					<p class="trans_el">它代表一种新的社会形态，让互联网与传统行业进行深度融合</p>
					    				</li>
					    			</ul>
					    		</div>
					    	</div>
					    </div>
					    <div class="swiper-slide">
					    	<div class="slide-con slide-con3">
					    		<div class="lt lt-line-box">
					    			<div class="fir-sp"><i>影</i></div>
					    			<div class="sec-sp"><i>视</i></div>
					    			<div class="thr-sp"><i>快</i></div>
					    			<div class="four-sp"><i>讯</i></div>
					    		</div>
					    		<div class="rt rt-con-box">
					    			<h3 class="trans_el">FILM TELEVISION</h3>
					    			<p class="trans_el">影业新帝国尽在掌握</p>
					    			<h2 class="trans_el">诚邀共创</h2>
					    			<h4 class="trans_el">服务理念：提供售前、售中和售后的一条龙服务，全过程把满足客户需求作为企业活动的核心。</h4>
					    		</div>
					    	</div>
					    </div>
				  </div>
				  <div class="btn-slide">
				  	<ul class="jianjian">
						<li><span></span></li>
						<li><span></span></li>
						<li><span></span></li>
					</ul>
					<ul class="swiper-pagination">
				  	
				  		<li class="active-pagination"></li>
						<li></li>
						<li></li>
				  	</ul>
				  </div>
				  
			</div>
		</div>
	  	
	  </div>
	  <div class="section">
	  		<div class="about-content">
	  			<div class="lt lt-con">
	  				<h4 class="trans_el">Cool Movie Screenings Film Production Co. Ltd., Ltd</h4>
	  				<h3 class="trans_el"><b>炫酷电影</b>影视制作放映有限公司</h3>
	  				<ul>
	  					<li><p><span id="dataNums0" class="dataNum"></span><small>个</small></p><h5>投资项目数</h5></li>
	  					<li><p><span id="dataNums1" class="dataNum1"></span><small>套</small></p><h5>持有版权数</h5></li>
	  					<li><p><span id="dataNums2" class="dataNum2"></span><small>万</small></p><h5>总承诺资金</h5></li>
	  					<li><p><span id="dataNums3" class="dataNum3"></span><small>亿</small></p><h5>投资大规模</h5></li>
	  				</ul>
	  				<p class="trans_el">炫酷电影影视制作放映有限公司（Cool Movie Screenings Film Production Co. Ltd., Ltd）电影制片和发行公司。
	  					成立于1935年5月，由默片时代的大公司 福斯电影公司和20世纪影片公司合并而成，是30-40年代好莱坞8家大电影公司之一。
	  					当时公司拥有导演E.刘别谦、E.卡善、O.普雷明格等人并拥有不少受观众欢迎的电影明星。
	  				</p>
	  				<div class="link-more">
	  					<p class="trans_el">READ MORE >>></p>
	  				</div>
	  			</div>
	  			<div class="rt rt-slide-max">
	  				<div class="rt-slide-mid">
	  					<img src="images/se1-sli1.gif"/>
		  				<img src="images/se1-sli2.gif"/>
		  				<img src="images/se1-sli3.gif"/>
		  				<img src="images/se1-sli4.gif"/>
		  				<img src="images/se1-sli5.gif"/>
		  				<img src="images/se1-sli6.gif"/>
	  				</div>
	  			</div>
	  			<div class="sli-circle">
	  					
  				</div>
	  		</div>
	  	
	  </div>
	<div class="section sec3">
	  	<div class="sec3-max">
	  		<h3 class="trans_el"><span>电影推荐</span> —— 铸造辉煌，唯有质量！</h3>
	  		<ul class="trans_el">
	  			<li><a href="javascript:void(0)"><span class="active"></span></a>全部</li>
	  			<li><a href="javascript:void(0)"><span></span>科幻巨制</a></li>
	  			<li><a href="javascript:void(0)"><span></span>火爆动作</a></li>
	  			<li><a href="javascript:void(0)"><span></span>日韩伦理</a></li>
	  		</ul>
	  		<div class="sec3_slide">
	  			<ul class="all_li ul-show">
	  				<li class="li-child1">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (1).jpg"/>
	  					</div>
	  					<p>蜘蛛侠</p>
	  				</li>
	  				<li class="li-child1">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (2).jpg"/>
	  					</div>
	  					<p>奇异博士</p>
	  				</li>
	  				<li class="li-child1">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (3).jpg"/>
	  					</div>
	  					<p>明日边缘</p>
	  				</li>
	  				<li class="li-child1">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (4).jpg"/>
	  					</div>
	  					<p>钢铁侠三</p>
	  				</li>
	  				<li class="li-child1">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (5).jpg"/>
	  					</div>
	  					<p>星际迷航</p>
	  				</li>
	  				<li class="li-child2">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (6).jpg"/>
	  					</div>
	  					<p>超人</p>
	  				</li>
	  				<li class="li-child2">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (7).jpg"/>
	  					</div>
	  					<p>原谅他77次</p>
	  				</li>
	  				<li class="li-child2">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (8).jpg"/>
	  					</div>
	  					<p>仙球大战</p>
	  				</li>
	  				<li class="li-child2">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (9).jpg"/>
	  					</div>
	  					<p>秘果</p>
	  				</li>
	  				<li class="li-child2">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (10).jpg"/>
	  					</div>
	  					<p>变形金刚三</p>
	  				</li>
	  				<li class="li-child3">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (11).jpg"/>
	  					</div>
	  					<p>与君相恋100次</p>
	  				</li>
	  				<li class="li-child3">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (12).jpg"/>
	  					</div>
	  					<p>二次初恋</p>
	  				</li>
	  				<li class="li-child3">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (13).jpg"/>
	  					</div>
	  					<p>正义联盟</p>
	  				</li>
	  				<li class="li-child3">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (14).jpg"/>
	  					</div>
	  					<p>悟空传</p>
	  				</li>
	  				<li class="li-child3">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (14).jpg"/>
	  					</div>
	  					<p>悟空传</p>
	  				</li>
	  			</ul>
	  			<ul class="kehuan-li">
	  				<li class="li-child1">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (1).jpg"/>
	  					</div>
	  					<p>蜘蛛侠</p>
	  				</li>
	  				<li class="li-child1">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (2).jpg"/>
	  					</div>
	  					<p>奇异博士</p>
	  				</li>
	  				<li class="li-child1">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (3).jpg"/>
	  					</div>
	  					<p>明日边缘</p>
	  				</li>
	  				<li class="li-child1">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (4).jpg"/>
	  					</div>
	  					<p>钢铁侠三</p>
	  				</li>
	  				<li class="li-child1">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (5).jpg"/>
	  					</div>
	  					<p>星际迷航</p>
	  				</li>
	  			</ul>
	  			<ul class="dongzuo-li">
	  				<li class="li-child2">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (6).jpg"/>
	  					</div>
	  					<p>超人</p>
	  				</li>
	  				<li class="li-child2">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (7).jpg"/>
	  					</div>
	  					<p>原谅他77次</p>
	  				</li>
	  				<li class="li-child2">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (8).jpg"/>
	  					</div>
	  					<p>仙球大战</p>
	  				</li>
	  				<li class="li-child2">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (9).jpg"/>
	  					</div>
	  					<p>秘果</p>
	  				</li>
	  				<li class="li-child2">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (10).jpg"/>
	  					</div>
	  					<p>变形金刚三</p>
	  				</li>
	  			</ul>
	  			<ul class="rhan-li">
	  				<li class="li-child3">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (11).jpg"/>
	  					</div>
	  					<p>与君相恋100次</p>
	  				</li>
	  				<li class="li-child3">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (12).jpg"/>
	  					</div>
	  					<p>二次初恋</p>
	  				</li>
	  				<li class="li-child3">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (13).jpg"/>
	  					</div>
	  					<p>正义联盟</p>
	  				</li>
	  				<li class="li-child3">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (14).jpg"/>
	  					</div>
	  					<p>悟空传</p>
	  				</li>
	  				<li class="li-child3">
	  					<div class="sec3_imgbox">
	  						<img src="images/slid (14).jpg"/>
	  					</div>
	  					<p>悟空传</p>
	  				</li>
	  			</ul>
	  		</div>
	  		<div class="sec3-prev sec3-slide-btn"><i class="glyphicon glyphicon-menu-left"></i></div>
	  		<div class="sec3-next sec3-slide-btn"><i class="glyphicon glyphicon-menu-right"></i></div>
	  	</div>
	  </div>
	  <div class="section">
	  	<div class="sec4-max">
	  		
	  	</div>
	  </div>
	</div>
		
	
	<div class="time-font">
		SCRLL
	</div>
	</body>
</html>
